<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <style>
        *{
            margin: 20px auto;
        }
        .div_main{
            {#background: url("/static/netdisk/images/bg1.jpg") no-repeat;#}
            width: 960px;
            height: 700px;
        }
        textarea{
            width: 300px;
            height: 80px;
        }
        #header{
            height: 50px;
        }
        #header h1{
            text-align: center;
        }
        #div_signup{
            width: 350px;
            height: 550px;
            margin: 80px auto;
        }
        #div_signup #input1,#div_signup #input2,#div_signup #input21,#div_signup #input4,
        #div_signup #input5,#div_signup #input6{
            margin: 10px 75px;
        }
        #div_signup #input3{
            margin: 10px 0px 10px 75px;
        }
        #div_reason h4{
            text-align: center;
        }
    </style>
</head>
<body>
<div id="main">
    <div id="header">
        <h1>账号密码注册</h1>
    </div>
    <hr/>
    {% if reason %}
        <div id="div_reason">
            <h4>{{ reason }}</h4>
        </div>
    {% endif %}
    <div id="div_signup">
        <form action="/netdisk/signuphandle/" method="post">
            {% csrf_token %}
            <input id="input1" type="text" name="uname" placeholder="姓名"><br/>
            <input id="input2" type="password" name="upasswd1" placeholder="密码"><br/>
            <input id="input21" type="password" name="upasswd1" placeholder="再次密码"><br/>
            <input id="input3" type="radio" name="ugender" value="0" checked>男
            <input type="radio" name="ugender" value="1">女<br/>
            <input id="input4" type="tel" name="utel" placeholder="输入电话"><br/>
            <input id="input5" type="email" name="uemail" placeholder="输入email"><br/>
            <textarea name="ujieshao" placeholder="个人介绍"></textarea>
            <input id="input6" type="submit" value="提交"><br/>
        </form>
    </div>
</div>

</body>
</html>